    {% for product in ProductPopUps %}
        <div id="product-pop-up-{{ product.id }}" style="display: none; width: 700px;">
            <div class="product-page product-pop-up">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-3">
                        <div class="product-main-image">
                            <img src="{{ asset(product.cover) }}" alt="Cool green dress with red bell" class="img-responsive">
                        </div>
                        <div class="product-other-images">
                            <a href="#" class="active"><img alt="Berry Lace Dress" src="{{ asset(product.img1) }}"></a>
                            <a href="#"><img alt="Berry Lace Dress" src="{{ asset(product.img2) }}"></a>
                            <a href="#"><img alt="Berry Lace Dress" src="{{ asset(product.img3) }}"></a>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-9">
                        <h1>{{ product.name }}</h1>
                        <div class="price-availability-block clearfix">
                            <div class="price">
                                <strong><span>&yen;</span>{{ product.price }}</strong>
                                <em>&yen;<span>{{ product.price + 50}}</span></em>
                            </div>
                            <div class="availability">
                                是否有货: <strong>有货</strong>
                            </div>
                        </div>
                        <div class="description">
                            <p>这个地方是产品的简短介绍</p>
                        </div>
                        <div class="product-page-options">
                            <div class="pull-left">
                                <label class="control-label">大小:</label>
                                <select class="form-control input-sm">
                                    <option>L</option>
                                    <option>M</option>
                                    <option>XL</option>
                                </select>
                            </div>
                            <div class="pull-left">
                                <label class="control-label">颜色:</label>
                                <select class="form-control input-sm">
                                    <option>Red</option>
                                    <option>Blue</option>
                                    <option>Black</option>
                                </select>
                            </div>
                        </div>
                        <div class="product-page-cart">
                            <div class="product-quantity">
                                <input id="product-quantity_{{ product.id }}" type="text" value="1" readonly name="product-quantity" class="form-control input-sm">
                            </div>
                            <button class="btn btn-primary" type="submit" onclick="add2Cart( {{ product.id }} , $('#product-quantity_{{ product.id }}').val() , {{ product.price }})">添加到购物车</button>
                            <button class="btn btn-default" type="submit">更多细节</button>
                        </div>
                    </div>

                    <div class="sticker sticker-sale"></div>
                </div>
            </div>
        </div>
    {% endfor %}